<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Platform</title>
    <meta name="keywords" content="react,devui,admin,platform,rd-platform" />
    <meta name="description" content="An out-of-box solution for enterprise applications as a React boilerplate." />
    <link rel="icon" type="image/svg+xml" href="/assets/logo.svg" />

    <style type="text/css">
      .fp-loader {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        overflow: hidden;
        background: #000;
      }

      .fp-loader-inner {
        position: relative;
        top: 50%;
        left: 50%;
        display: block;
        width: 150px;
        height: 150px;
        margin: -75px 0 0 -75px;
        border-radius: 50%;
        box-shadow: 0 3px 3px 0 rgb(255 56 106);
        transform: translate3d(0, 0, 0);
        animation: fp-loader-spin 2s linear infinite;
      }

      .fp-loader-inner::after,
      .fp-loader-inner::before {
        position: absolute;
        content: '';
        border-radius: 50%;
      }

      .fp-loader-inner::before {
        top: 5px;
        right: 5px;
        bottom: 5px;
        left: 5px;
        box-shadow: 0 3px 3px 0 rgb(255 228 32);
        animation: fp-loader-spin 3s linear infinite;
      }

      .fp-loader-inner::after {
        top: 15px;
        right: 15px;
        bottom: 15px;
        left: 15px;
        box-shadow: 0 3px 3px 0 rgb(61 175 255);
        animation: fp-loader-spin 1.5s linear infinite;
      }

      @keyframes fp-loader-spin {
        0% {
          transform: rotate(0);
        }

        100% {
          transform: rotate(360deg);
        }
      }
    </style>
  </head>
  <body>
    <div class="fp-loader">
      <div class="fp-loader-inner"></div>
    </div>
    <div id="root"></div>
  </body>
</html>
